{% extends 'db/base/base-detail.html' %}
{% load staticfiles %}

{% block extra_js %}
    {# 引入富文本效果 #}
    <script type="text/javascript" src="{% static 'ueditor/third-party/SyntaxHighlighter/shCore.js' %}"></script>
    <script type="text/javascript">
        SyntaxHighlighter.all();
        setTimeout(function () {
            //解决文章详情页ueditor代码块宽度超出问题
            $('.syntaxhighlighter').each(function (index, item) {
                var s = $('<div style="overflow-x: auto" class="codeBox"></div>');
                var html = $(item).clone()[0].outerHTML;
                $(item).before(s);
                $(item).remove();
                $('.codeBox').eq(index).html(html);
            });
        }, 3000);
    </script>
    {# 引入弹窗效果 #}
    <script type="text/javascript" src="{% static 'layer/layer.js' %}"></script>
    {# 搜索引擎自动提交 #}
    {% include 'db/base/common/SEO.html' %}

{% endblock %}

{% block extra_css %}
    {# 富文本样式 #}
    <link href="{% static 'ueditor/third-party/SyntaxHighlighter/shCoreDefault.css' %}" rel="stylesheet">
{% endblock %}

{% block content %}

    {#  正文区  #}
    {% include 'db/base/left/text.html' %}

    {#  同类别文章推荐  #}
    {% include 'db/base/left/youmaylike.html' %}

    {#  评论区  #}
    {% include 'db/base/left/discuss.html' %}

{% endblock %}
